<!DOCTYPE html>
<html>
  <head>
    <title>系统登录</title>
	
    <meta name="keywords" content="keyword1,keyword2,keyword3">
    <meta name="description" content="this is my page">
    <meta name="content-type" charset="UTF-8">
    <script type="text/javascript" src="scripts/jquery-3.5.1.js"></script>
    
   <link rel="stylesheet" type="text/css" href="styles/login.css">
    

<script type="text/javascript">

function reset(){
$("#username").val("");
$("#userpassword").val("");
}



</script>

  </head>

  <body>
  
  <img alt="" src="images/loginbg.png"     style="width: 100%;height:100%; position: absolute; top: 0px; left: 0px;">
  
  <div style="width: 300px;height: 150px;background:none; position:absolute;left: 50%; top: 50%; margin: -50px 0 0 -150px;">
  <img src="images/name.png" alt="" style="width: 100%;height:40px; position: absolute; top: 0px; left: 0px;">
  <img src="images/password.png" alt="" style="width: 100%;height:40px; position: absolute; top: 50px; left: 0px;">
  
 <label id="typeName" >立即登录</label>
 <label id="reset"  onclick="reset();">重置</label>
  
 <input id="username" type="text"  style="width:calc(100% - 60px); height:30px; position: absolute; top: 3px; left: 0px;background: none; padding-left:60px; border: none;" placeholder="输入用户名">
 <input id="userpassword" type="text"  style="width: calc(100% - 60px); height:30px; position: absolute; top: 53px; left: 0px;background: none; padding-left:60px; border: none;" placeholder="输入密码">
  
 </div>
  
  
 
  
  </body>
</html>
